import type { Metadata } from 'next';
import { notFound } from 'next/navigation';
import { Suspense } from 'react';
import { Tabs } from '@/components/ui/tabs';
import { Skeleton } from '@/components/ui/primitives';
import { AssetHeader } from '@/components/asset/asset-header';
import { ASSET_TABS, AnalysisTab, AuctionsTab, ComparablesTab, GradesTab, HistoryTab, ImagesTab, ListingsTab, OverviewTab, PopulationTab, SalesTab, SourcesTab, type AssetTab } from '@/components/asset/asset-tabs';
import { countAssetLots } from '@/lib/queries/market-lists';
import { getAssetBySlug, getAssetVariants, getAssetListings, getAssetLiveCounts, getLatestGuidePrice, getAssetImages, getPopulation, isWatchedBy } from '@/lib/queries/assets';
import { getCurrentUser } from '@/lib/auth/session';
import { catName, categoryPath } from '@/lib/taxonomy';
import { sp1, spEnum, spInt, type SP } from '@/lib/search-params';
import { fmtMoney } from '@/lib/format';

export const revalidate = 120;

const SITE = process.env.NEXT_PUBLIC_SITE_URL ?? 'https://www.rareindex.io';

export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
  const { slug } = await params;
  const a = await getAssetBySlug(slug);
  if (!a) return { title: 'Asset not found' };
  const guide = a.rivUsd === null && a.latestSaleUsd === null ? await getLatestGuidePrice(a.id) : null;
  const price = a.rivUsd !== null ? ` · RIV ${fmtMoney(a.rivUsd)}` : a.latestSaleUsd !== null ? ` · last sale ${fmtMoney(a.latestSaleUsd)}` : guide ? ` · guide price ${fmtMoney(guide.priceUsd)} (${guide.sourceName})` : '';
  const description = `${a.title}${price}. ${catName(a.categorySlug)} price history, verified sales, live listings, rarity and liquidity on RareIndex.`;
  return {
    title: a.title,
    description,
    alternates: { canonical: `${SITE}/asset/${a.slug}` },
    openGraph: { title: a.title, description, url: `${SITE}/asset/${a.slug}`, images: [{ url: `/asset/${a.slug}/opengraph-image`, width: 1200, height: 630 }] },
    twitter: { card: 'summary_large_image', title: a.title, description },
  };
}

export default async function AssetPage({ params, searchParams }: { params: Promise<{ slug: string }>; searchParams: Promise<SP> }) {
  const { slug } = await params;
  const sp = await searchParams;
  const found = await getAssetBySlug(slug);
  if (!found) notFound();
  const tab = spEnum<AssetTab>(sp, 'tab', ASSET_TABS, 'overview');
  const [variants, live, imgs, user, popReports, lotCount] = await Promise.all([getAssetVariants(found.id), getAssetLiveCounts(found.id), getAssetImages(found.id, 12), getCurrentUser().catch(() => null), getPopulation(found.id), countAssetLots(found.id)]);
  // latest published population total across graders (for the rarity explainer); null when no report exists
  const population = popReports.length ? popReports.reduce((a, r) => (r.reportDate > a.reportDate ? r : a)).total : null;
  const watched = await isWatchedBy(user?.id ?? null, found.id);
  // asset_stats is rebuilt by the valuation worker; until then fall back to live counts from canonical tables.
  const asset = {
    ...found,
    salesCount: Math.max(found.salesCount, live.sales),
    sales30d: Math.max(found.sales30d, live.sales30d),
    activeListings: Math.max(found.activeListings, live.listings),
    sourcesCount: Math.max(found.sourcesCount, live.sources),
    latestSaleUsd: found.latestSaleUsd ?? live.latestSaleUsd,
    latestSaleAt: found.latestSaleAt ?? live.latestSaleAt,
    minAskUsd: found.minAskUsd ?? live.minAskUsd,
  };
  const vParam = sp1(sp, 'v');
  const variant = vParam ? variants.find((v) => v.id === vParam) ?? null : null;
  const page = spInt(sp, 'page');
  const href = (t: AssetTab, v: string | null = variant?.id ?? null) => `/asset/${asset.slug}?tab=${t}${v ? `&v=${v}` : ''}`;
  const [listingsForLd, guide] = await Promise.all([getAssetListings(asset.id, { limit: 20 }), (variant ? variant.rivUsd : asset.rivUsd) === null ? getLatestGuidePrice(asset.id, variant?.id ?? null) : Promise.resolve(null)]);
  const crumbs = categoryPath(asset.categorySlug);
  const seen = new Set<string>();
  const images = [asset.heroImageUrl ? { url: asset.heroImageUrl, caption: null } : null, ...imgs.map((im) => ({ url: im.url, caption: im.attribution ?? im.sourceId ?? null }))]
    .filter((im): im is { url: string; caption: string | null } => Boolean(im))
    .filter((im) => (seen.has(im.url) ? false : (seen.add(im.url), true)));

  const jsonLd = [
    {
      '@context': 'https://schema.org',
      '@type': 'Product',
      name: asset.title,
      image: images.slice(0, 5).map((i) => i.url),
      description: asset.description ?? `${asset.title} — ${catName(asset.categorySlug)} collectible tracked by RareIndex.`,
      brand: asset.brand ? { '@type': 'Brand', name: asset.brand } : undefined,
      category: crumbs.map((c) => c.name).join(' > '),
      productID: asset.id,
      sku: asset.identifiers.sku ?? asset.identifiers.upc ?? undefined,
      url: `${SITE}/asset/${asset.slug}`,
      ...(listingsForLd.length && listingsForLd.some((l) => l.priceUsd !== null)
        ? {
            offers: {
              '@type': 'AggregateOffer',
              priceCurrency: 'USD',
              lowPrice: Math.min(...listingsForLd.filter((l) => l.priceUsd !== null).map((l) => l.priceUsd!)),
              highPrice: Math.max(...listingsForLd.filter((l) => l.priceUsd !== null).map((l) => l.priceUsd!)),
              offerCount: listingsForLd.length,
              offers: listingsForLd.slice(0, 5).map((l) => ({ '@type': 'Offer', price: l.priceUsd, priceCurrency: 'USD', url: l.sourceUrl, availability: 'https://schema.org/InStock', seller: l.seller ? { '@type': 'Organization', name: l.seller } : undefined })),
            },
          }
        : {}),
    },
    {
      '@context': 'https://schema.org',
      '@type': 'BreadcrumbList',
      itemListElement: [{ '@type': 'ListItem', position: 1, name: 'Markets', item: `${SITE}/markets` }, ...crumbs.map((c, i) => ({ '@type': 'ListItem', position: i + 2, name: c.name, item: `${SITE}/markets/${c.slug}` })), { '@type': 'ListItem', position: crumbs.length + 2, name: asset.title, item: `${SITE}/asset/${asset.slug}` }],
    },
  ];

  return (
    <div className="pb-16 md:pb-0">
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
      <AssetHeader asset={asset} variants={variants} activeVariant={variant} tabHref={(v) => href(tab, v)} guide={guide} images={images} watched={watched} population={population} />
      <div className="sticky top-[var(--ri-header-h,56px)] z-30 -mx-4 bg-bg/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-bg/80 sm:static sm:mx-0 sm:bg-transparent sm:px-0 sm:backdrop-blur-none">
        <Tabs
          className="mt-6 mb-4"
          active={tab}
          tabs={[
            { id: 'overview', label: 'Overview', href: href('overview') },
            { id: 'sales', label: 'Sales', count: variant ? variant.salesCount : asset.salesCount, href: href('sales') },
            { id: 'listings', label: 'Listings', count: variant ? variant.activeListings : asset.activeListings, href: href('listings') },
            { id: 'auctions', label: 'Auctions', count: lotCount || null, href: href('auctions') },
            { id: 'grades', label: 'Grades', count: variants.filter((v) => v.grader && v.grader !== 'raw').length || null, href: href('grades') },
            { id: 'population', label: 'Population', href: href('population') },
            { id: 'images', label: 'Images', count: images.length || null, href: href('images') },
            { id: 'history', label: 'History', href: href('history') },
            { id: 'comparables', label: 'Comparables', href: href('comparables') },
            { id: 'analysis', label: 'AI Analysis', href: href('analysis') },
            { id: 'sources', label: 'Sources', count: asset.sourcesCount || null, href: href('sources') },
          ]}
        />
      </div>
      <Suspense key={`${tab}-${variant?.id ?? ''}-${page}`} fallback={<Skeleton className="h-96" />}>
        {tab === 'overview' ? <OverviewTab asset={asset} variant={variant} /> : null}
        {tab === 'sales' ? <SalesTab asset={asset} variant={variant} page={page} /> : null}
        {tab === 'listings' ? <ListingsTab asset={asset} variant={variant} /> : null}
        {tab === 'auctions' ? <AuctionsTab asset={asset} /> : null}
        {tab === 'grades' ? <GradesTab asset={asset} /> : null}
        {tab === 'population' ? <PopulationTab asset={asset} /> : null}
        {tab === 'images' ? <ImagesTab asset={asset} /> : null}
        {tab === 'history' ? <HistoryTab asset={asset} variant={variant} /> : null}
        {tab === 'comparables' ? <ComparablesTab asset={asset} /> : null}
        {tab === 'analysis' ? <AnalysisTab asset={asset} /> : null}
        {tab === 'sources' ? <SourcesTab asset={asset} /> : null}
      </Suspense>
      <p className="mt-6 text-[11px] leading-relaxed text-subtle">Valuations are estimates with a stated confidence; listing prices are not confirmed transactions; past performance does not guarantee future results. RareIndex does not authenticate items. Data attributed to its source; marks belong to their owners.</p>
    </div>
  );
}